<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="Bookmark" href="favicon.ico" >
    <link rel="Shortcut Icon" href="favicon.ico" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="__PUBLIC__/Admin/lib/html5.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Admin/lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/static/h-ui.admin/css/style.css" />
    <script src="__PUBLIC__/utf8-php/ueditor.config.js">/*引入配置文件*/</script>
    <script src="__PUBLIC__/utf8-php/ueditor.all.js">/*引入源码文件*/</script>

    <title>合同编辑</title>
</head>
<body>
<include file="header"/>
<include file="aside"/>
<article class="page-container">
    <form class="form form-horizontal" id="form-article-add"  action="" method="post">

        <div id="form1">

            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2">合同标题：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <input type="text"  id="name" class="input-text" value="{$data.name}" placeholder="房屋租凭合同" name="name">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>选择印章：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <span class="select-box">



                    <select name="seal" class="select">

                        <volist name="sealList" id="vo">
                            <eq name="vo.id" value="$data.sealId">
                              <option value="{$vo.id}"  selected="selected">{$vo.name}</option>
                            <else />
                             <option value="{$vo.id}">{$vo.name}</option>
                           </eq>

                        </volist>

                    </select>
                    </span>
                </div>
            </div>



            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2">合同内容：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <textarea name="content" id="contractContent" rows="10" cols="70" style="border:1px solid #E5E5E5;">{$data.content}</textarea>
                </div>
            </div>


            <div class="row cl">
                <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">

                    <a class="btn btn-success radius size-L" id="step1" >下一步</a>

                </div>
            </div>

        </div><!--form1 end-->




        <div id="form2" style="display: none">

            <div class="cont_box mt-20">
                <!--<div class="left_cont">-->
                <!--<input class="btn btn-secondary radius" type="button" value="印章区域">-->
                <!--<input class="btn btn-secondary radiust" type="button" value="签名区域">-->
                <!--<input class="btn btn-secondary radius" type="button" value="前署名区域">-->
                <!--</div>-->

                <div class="btn_box left_cont">
                    <input  class="btn btn-secondary radius" id="SignName" class="sign" type="button" value="印章区域" />&nbsp;
                    <a href="javascript:;" id="addSignName" class="SignName">+</a>
                    <input class="btn btn-secondary radiust" id="Ours" class="sign" type="button" value="签名区域" />&nbsp;
                    <a href="javascript:;" id="addOurs" class="Ours">+</a>
                    <input class="btn btn-secondary radiust" id="Others" class="sign" type="button" value="前署名区域" />&nbsp;
                    <a href="javascript:;" id="addOthers" class="Others">+</a>
                    <input id="complete" type="button" value="test4" />&nbsp;
                </div>



                <!-- 源内容层-->
                <div class="wrap" style="position: relative;height: 600px;width: 800px;">
                    <!-- 覆盖层-->
                    <div id="mask" style="background-color:#000;border:1px #000 solid;z-index:2;display:none;position:absolute;left:0;top:0;opacity:0.2;,filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;overflow: auto"></div>


                    <div id="controllHandle" style="width:800px;height:600px;border:1px #000 solid;z-index:2;position:absolute;overflow:auto;">

                        <div class="content" id="content" style="position: relative;z-index: 3">
                            <div class="constituency-warp" id="constituency-warp">

                            </div>


                            <textarea style="width:800px;height: 500px;text-align: center;">dfsaffafdsfds</textarea>

                        </div>
                    </div>
                </div>



            </div>
            <div class="btn_box text-c mt-20">
                <!--<a class="btn btn-secondary radius" href="javascript:;">保存</a>-->
                <input name="step2" onclick="return setp2()"  type="submit" class="btn btn-success radius size-L" value="&nbsp;保&nbsp;&nbsp;&nbsp;&nbsp;存&nbsp;">
            </div>











        </div>





    </form>
</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="__PUBLIC__/Admin/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/Admin/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="__PUBLIC__/Admin/static/h-ui/js/H-ui.js"></script>
<script type="text/javascript" src="__PUBLIC__/Admin/static/h-ui.admin/js/H-ui.admin.js"></script>
<!--/_footer /作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__PUBLIC__/Admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="__PUBLIC__/Admin/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="__PUBLIC__/Admin/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="__PUBLIC__/Admin/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="__PUBLIC__/Admin/lib/webuploader/0.1.5/webuploader.min.js"></script>
<script  type="text/javascript" src="__PUBLIC__/contract/jquery-1.8.3.min.js"></script>
<script  type="text/javascript" src="__PUBLIC__/contract/cookies.js"></script>
<script  type="text/javascript" src="__PUBLIC__/contract/a3.js"></script>
<script src="__PUBLIC__/layui/layui.js"></script>
<script src="__PUBLIC__/layui/layui.all.js"></script>
<script type="text/javascript">
    $(function(){

            UE.getEditor("contractContent");//实例化编辑器  传参,id为将要被替换的容器。



    });





    function setp1() {
        var name=$('#name').val();
        var content=UE.getContent();




        if(name==''){
            layer.msg('标题不能为空', {icon: 5});
            return false;
        }

        // if(content==''){
        //     layer.msg('合同内容不能为空', {icon: 5});
        //     return false;
        // }


        // window.location.href='http://'+window.location.host+'/Admin/Admin/contractAddStep2.html';

    }


    $("#step1").click(function(){
        $("#form1").hide();
        $("#form2").show();
    });




</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>
